"use client";
import { Input } from "@/components/ui/input";
import { Textarea } from "@/components/ui/textarea";
import { useSidebarStore } from "@/components/state/sidebar_state";
function SystemRegister() {
  const updateSelected = useSidebarStore((state) => state.updateSelected);
  updateSelected("系统登记", "工具中心");

  return (
    <div className="grid grid-cols-[150px_auto] items-center text-sm">
      <div className="p-4 pl-2 text-end"> 系统名：</div> <Input />
      <div className="p-4 pl-2 text-end"> 系统链接：</div> <Input />
      <div className="p-4 pl-2 text-end"> 功能描述：</div>
      <Textarea className="h-[200px]" placeholder="请输入系统功能描述" />
      <p></p>
      <div className="p-4 items-center">
        <button className="p-2 w-full bg-emerald-700 rounded-md text-gray-100 font-semibold text-sm hover:bg-green-700 hover:text-gray-50">
          系统登记
        </button>
      </div>
    </div>
  );
}

export default SystemRegister;
